<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/style.css">
    <script type="text/javascript" src="./script.js"></script>
    <title>TK科技有限公司</title>
</head>
<body>
    <header>
        <div class="top">
            <div>全国热线：400-000-000</div>
            <div>
                <span>设为首页</span>
                <span>加入收藏</span>
            </div>
        </div>
        <nav>
            <div  class="logo">
                <div>
                    <img src="./image/logo.jpg" alt="logo">
                </div>
                <div>
                    <h1>TK科技有限公司</h1>
                    <span>cer dcd keo Holdings Co Ltd.</span>
                </div>
            </div>
            <ul>
                <li>
                    <a href="#">
                        <h2>首页</h2>
                        <p>Home</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h2>关于我们</h2>
                        <p>About</p>
                    </a>
                </li>
                <li>
                    <a href="./product.html">
                        <h2>产品中心</h2>
                        <p>Products</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h2>服务支持</h2>
                        <p>Service</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h2>新闻中心</h2>
                        <p>News</p>
                    </a>
                </li>
                <li>
                    <a href="./particular.html">
                        <h2>在线商店</h2>
                        <p>Shop</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h2>联系我们</h2>
                        <p>Contact Us</p>
                    </a>
                </li>
            </ul>
        </nav>
    </header>
    <div class="banner">
        <ul>
            <li><span></span></li>
            <li><span></span></li>
            <li><span></span></li>
            <li><span></span></li>
        </ul>
    </div>
    <section>
        <!-- 新闻内容 -->
        <div class="content">
            <div class="news">
                <div class="top">
                    <img src="./image/icon6.jpg" alt="">
                    <h2>新闻中心</h2>
                    <p>NEWS.CENTER</p>
                    <hr>
                    <span></span>
                </div>
                <div class="center1">
                    <div>
                        <p>CeBIT 2015</p>
                    </div>
                    <div>
                        <img src="./image/pic1.jpg" alt="">
                        <div>
                            <p>创新ICT共建全联接世界德国汉诺威展览中心</p>
                            <span>3月16日-20日</span>
                        </div>
                    </div>
                </div>
                <ul>
                    <li><span></span> <span>上海国际智能建筑展览会</span></li>
                    <li><span></span> <span>2014德国柏林国际消费类电子产品展览会</span></li>
                    <li><span></span> <span>2014中国（贵阳）公告安全防范产品博览会</span></li>
                </ul>
            </div>
            <div class="product">
                <div class="top">
                    <img src="./image/icon7.jpg" alt="">
                    <h2>新品发布</h2>
                    <p>NEW.PRODUCTS</p>
                    <hr>
                    <span></span>
                </div>
                <div class="center2">
                    <img src="./image/pic2.jpg" alt="">
                    <span></span>
                    <span></span>
                </div>
                <ul>
                    <li>s6213w-y</li>
                    <li>海思3518E方案，多码流技术，百万高清</li>
                </ul>
            </div>
            <div class="introduce">
                <div class="top">
                    <img src="./image/icon8.jpg" alt="">
                    <h2>品牌介绍</h2>
                    <p>INFORMATION</p>
                    <hr>
                    <span></span>
                </div>
                <div class="center3">
                    <img src="./image/pic3.jpg" alt="">
                </div>
                <div>
                    <p>
                        "siepem"品牌是广州市TK科技有限公司
                        推出的自有品牌
                    </p>
                </div>
            </div>
        </div> 
        <!-- 关于我们 -->
        <article class="About">
            <div class="top">
                <h2>关于我们</h2>
                <hr>
                <p>STORE DISPLAY</p>
            </div>
            <div class="center">
                <div>
                    <p>
                        广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，
                        面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。
                        TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。
                        现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比
                        的精品持续为客户创造最大价值。
                    </p>
                </div>
                <div>
                    <img src="./image/we1.jpg" alt="">
                    <img src="./image/we2.jpg" alt="">
                    <img src="./image/we3.jpg" alt="">
                </div>
            </div>
        </article>
        <!-- 联系我们 -->
        <article class="relation">
            <div class="top">
                <h2>联系我们</h2>
                <hr>
                <p>STORE DISPLAY</p>
            </div>
            <div class="center">
                <div>
                    <div class="left">
                        <div class="left-top"> 
                            <div class="left-top1">
                                <img src="./image/ma.jpg" alt="">
                                <p>微信扫一扫
                                    关注我们相关的信息
                                </p>
                            </div>
                            <ul>
                                <li><span></span><span>服务热线：400-000-0000</span></li>
                                <li><span></span><span>公司邮箱：www.tk.com</span></li>
                                <li><span></span><span>公司传真：000-12345678</span></li>
                                <li><span></span><span>邮政编码：167000</span></li>
                                <li><span></span><span>公司地址：广州某某区某某路某号</span></li>
                            </ul>
                        </div>
                        <div class="left-bottom">
                            <iframe src="./map.html" frameborder="0">
                            </iframe></div>
                    </div>
                    <div class="right">
                        <form action="" id="message">
                            <span>昵称</span>
                            <div><input type="text"></div>
                            <span>联系电话</span>
                            <div><input type="text"></div>
                            <span>电子邮箱</span>
                            <div><input type="text"></div>
                            <span>内容</span>
                            <div><textarea name="" id="" cols="30" rows="10"></textarea></div>
                        </form>
                        <button form="message">提交</button>
                    </div>
                </div>
            </div>
        </article>
    </section>
    <footer>
        <div class="top">
            <ul>
                <li>关注我们：</li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
            </ul>
            <ul>
                <li><a href="#">网站首页</a></li>
                <li class="drop"></li>
                <li><a href="#">新闻动态</a></li>
                <li class="drop"></li>
                <li><a href="#">关于我们</a></li>
                <li class="drop"></li>
                <li><a href="#">团队风采</a></li>
                <li class="drop"></li>
                <li><a href="#">联系我们</a></li>
                <li class="drop"></li>
                <li><a href="#">在线留言</a></li>
            </ul>
        </div>
        <div class="bottom">
            <p>
                ©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved
            </p>
        </div>
    </footer>
</body>
</html>